<template>
    <div id="aadapp">
        <v-chart class="my-chart" :options="bar"/>
    </div>
</template>
<script>
    import ECharts from 'vue-echarts/components/ECharts'
    export default {
        name: 'TestEcharts',
        components: {
            'v-chart': ECharts
        },
        data: function () {
            return {
                bar: {
                    title: {
                        text: 'ECharts 入门示例'
                    },
                    toolbox: { // 工具箱
                        show: true,
                        feature: {
                            dataView: {readOnly: false},
                            // 添加可转换的图表
                            magicType: {type: ['bar', 'line', 'stack', 'tiled']},
                            restore: {}
                        }
                    },
                    tooltip: {},
                    legend: {
                        data: ['销量']
                    },
                    xAxis: {
                        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
                    },
                    yAxis: {},
                    series: [
                        {
                            name: '销量',
                            type: 'line',
                            data: [5, 20, 36, 10, 10, 20]
                        }
                    ]
                }
            }
        }
    }
</script>
<style scoped>
    .my-chart {
        width: 800px;
        height: 500px;
    }
</style>
